// 创建 Axios 实例
import axios from 'axios'
import { message } from 'ant-design-vue'
import { useLoginUserStore } from '@/stores/loginUser.ts'

const myAxios = axios.create({
  baseURL: 'http://localhost:8080/api', // 服务端地址
  timeout: 60000, // 超时时间
  withCredentials: true, // 如果使用 cookie 存储登录态，就一定要写，否则无法在发请求时携带 Cookie，就无法完成登录
})

// 全局请求拦截器
myAxios.interceptors.request.use(
  (config) => {
    return config
  },
  (error) => {
    return Promise.reject(error)
  },
)

// 全局响应拦截器
myAxios.interceptors.response.use(
  async (response) => {
    const { data } = response
    // 未登录
    if (data.code === 40100) {
      // 不是获取用户信息的请求，并且用户目前不是已经在用户登录页面，则跳转到登录页面
      if (
        !response.request.responseURL.includes('user/get/login') &&
        !window.location.pathname.includes('/user/login')
      ) {
        await useLoginUserStore().setLoginUser({
          userName: '未登录',
        })
        message.warning('请先登录')
        window.location.href = `/user/login?redirect=${window.location.href}`
      }
    }
    return response
  },
  (error) => {
    return Promise.reject(error)
  },
)

export default myAxios
